<template name="ys-order-consignee-info">
	<view class="ys-order-consignee-info">
    <view class="user-info">
      <text class="title">收货人：</text>
      <input type="text" class="name" :value="name"/>
      <input type="number" class="tel" :value="tel"/>
    </view>
    <view class="addr">提货地点：{{addr||"-----------"}}</view>
    <view class="shopName">自提店：{{shopName||"----------------"}}</view>
  </view>
</template>

<script>
    export default {
        name: "ys-order-consignee-info",
        props: {
            name: {
                type: String,
                default: ""
            },
            tel: {
                type: String,
                default: ""
            },
            addr: {
                type: String,
                default: ""
            }, 
            shopName:{
              type: String,
              default: ""
            }                                 
        }
    }    
</script>

<style lang="scss">
  .ys-order-consignee-info{
    width: 100%;
    height: 220upx;
    background-color: #fff;
    margin-top: 30upx;
    padding: 30upx;
    .user-info{
      width: 100%;
      height: 50upx;
      .title{
        font-size:26rpx;
        color:#1a1a1a;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        line-height: 50upx;
      }
      .name,.tel{
        display: inline-block;
        width:250upx;
        height:100%;
        border:1px solid #ccc;
        border-radius:8upx;
        background-color:transparent;
        font-size:24upx;
        color:#1a1a1a;
        vertical-align: top;
        padding:0 8rpx;

      }
      .tel{
        margin-left: 20upx;
      }
    }
    .addr,.shopName{
      font-size:24rpx;
      color:#808080;
      word-break:break-all;
      margin-top: 20upx;
    }
    .shopName{
      color:#e60013;
    }
  }
</style>
